/*小菜单*/
.mini-side {
  @sideWidth: 60px;
  .fa-side-switch {
    .layui-icon-shrink-right {
      display: none;
    }
    .layui-icon-spread-left {
      display: block;
    }
  }
  .fa-header {
    .fa-logo {
      width: @sideWidth;
    }
    .fa-logo cite {
      display: none;
    }
  }
  .fa-side {
    width: @sideWidth;
    .fa-nav-box > li > span {
      display: none;
    }
    .fa-nav .fa-nav-dir:after {
      display: none;
    }
    .fa-nav-dir:hover + .fa-nav {
      display: block;
      position: fixed;
      left: @sideWidth;
      top: auto;
      background-color: black;
      color: white;
      min-width: 150px;
      transition: all 0.3s;
      -webkit-transition: all 0.3s;
      -moz-transition: all 0.3s;
      -ms-transition: all 0.3s;
      -o-transition: all 0.3s;
    }
    .fa-nav-dir:hover + .fa-nav > .fa-nav-item,
    .fa-nav-dir + .fa-nav .fa-nav-item {
      padding-left: 0px;
    }
  }
  .fa-main {
    left: @sideWidth;
  }
  .fa-footer {
    left: @sideWidth;
  }
}
